<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script src="zhanqi3.js" ></script>
	<!-- // <script src="http://stuff.cdn.biddingx.com/spot_js/201705/440.js" ></script> -->
	<!-- // <script src="http://stuff.cdn.biddingx.com/spot_js/201705/450.js" ></script> -->
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
	<style>
		.contain {
			padding-left: 200px;
		}
		.con {
			display: -webkit-flex;
			display: flex;
			/*width: 600px;*/
			width: 100%;
			/*flex-direction: column-reverse;*/
			/*flex-wrap: nowrap | wrap | wrap-reverse;*/
			/*flex-wrap: wrap;*/
			/*justify-content: flex-end;
			align-items: flex-end;*/
			 /*align-content:space-around;*/

		}
		.con div {
			/*width: 50px;*/
			height: 50px;
			/*margin: 0 20px;*/
			display: table;

		}
		.d1 {
			width: 300px;
			background: red;
			display: table-cell;
		}
		.d2 {
			background: yellow;
			/*width: 300px !important;*/
			display: table-cell;
		}
		.d3 {
			background: blue;
		}
		.d4 {
			background: green;
		}
		body {
			width: 300px;
			height: 300px;
		}
	</style>
</head>
<body>
	<!-- <div class="contain"> -->
	<!-- <div class="con"> -->
		<!-- <div class="d1">1</div>
		<div class="d2">2</div> -->
		<!-- <div class="d3">3</div>
		<div class="d4">4</div> -->
	<!-- </div> -->
<!-- </div> -->


	<!-- </script> -->
</body>
</html>